<template>
	<view>
		<view class="index_top">
			<view class="index_top_hader">
				<view class="index_top_hader_seach">
					<image src="../../static/index/index3.png" mode=""></image>
					<view class="" style="width: 592rpx;display: flex;justify-content: center;align-items: center;">
					<view class="city_txt tuodiandiandian">{{city}}</view>
					<view class="seacg_input" @click="goseach()">
						<image src="../../static/index/index17.png" mode=""></image>
						<text>请输入关键词进行搜索</text>
					</view>
					</view>
					<view class="erweima">
						<image src="../../static/index/index14.png" mode="" @click="gosaoma()"></image>
					</view>
				</view>
				<swiper class="swiper_box" :indicator-dots="true" :autoplay="true" :circular="true" :interval="3000" :duration="1000">
					<swiper-item v-for="(item,index) in getlunbo" style="border-radius: 20rpx;" :key='index'>
						<image :src="item.logo" mode=""></image>
					</swiper-item>
				</swiper>
				<view class="icon_10">
					<view class="icon_10_list" @click="qingbendui()">
						<image src="../../static/index/index25.png"></image>
						<text class="icon_10_list_txt">注册</text>
					</view>
					<view class="icon_10_list">
						<image src="../../static/index/index26.png"></image>
						<text class="icon_10_list_txt">转发</text>
					</view>
					<view class="icon_10_list">
						<image src="../../static/index/index19.png"></image>
						<text class="icon_10_list_txt">投票</text>
					</view>
					<view class="icon_10_list">
						<image src="../../static/index/index4.png"></image>
						<text class="icon_10_list_txt">发帖</text>
					</view>
					<view class="icon_10_list">
						<image src="../../static/index/index9.png"></image>
						<text class="icon_10_list_txt">关注</text>
					</view>
					<view class="icon_10_list">
						<image src="../../static/index/index13.png"></image>
						<text class="icon_10_list_txt">评论</text>
					</view>
					<view class="icon_10_list">
						<image src="../../static/index/index12.png"></image>
						<text class="icon_10_list_txt">浏览</text>
					</view>
					<view class="icon_10_list">
						<image src="../../static/index/index5.png"></image>
						<text class="icon_10_list_txt">高价</text>
					</view>
					<view class="icon_10_list" @click="goask_list">
						<image src="../../static/index/index11.png"></image>
						<text class="icon_10_list_txt">加粉</text>
					</view>
					<view class="icon_10_list" @click="gotodating()">
						<image src="../../static/index/index6.png"></image>
						<text class="icon_10_list_txt">更多</text>
					</view>
				</view>
			</view>
		</view>
		<view class="conten_box">
			<image src="/static/index/index10.png" mode="" class="xianshi_pic" @click="gosign" v-show="qiandao_state.state==1"></image>
			<view class="tuijian_box">
				<view class="tuijian_box_top">
					<view class="tuijian_box_top_left">
						<image src="../../static/index/index20.png" mode="" style="width: 26rpx;height: 34rpx;"></image>
						<text>薪推荐</text>
					</view>
					<view class="tuijian_box_top_right" @click="godaTing()">
						<text>更多</text>
						<image src="../../static/index/index7.png" mode="" class="gengduopic"></image>

					</view>
				</view>
				<view class="tuijian_box_bottom">
					<view class="tuijian_box_bottom_list" v-for="(item,index) in tuijian" :key="index" @click="gotuijian">
						<image :src="item.pic" mode=""></image>
						<view class="tuodiandiandian tuijian_box_bottom_txt">
							{{item.title}}
						</view>
						<view class="renwu_Style">
							{{item.renwu}}
						</view>
						<view class="list_Price">
							￥{{item.price}}
						</view>
					</view>
				</view>
			</view>
			<view class="tuijian_box2" style="padding-bottom: 30rpx;">
				<view class="tuijian_box_top">
					<view class="tuijian_box_top_left">
						<image src="../../static/index/wenzhang.png" mode="" style="width: 26rpx;height: 34rpx;"></image>
						<text>薪文章</text>
					</view>
					<view class="tuijian_box_top_right" @click="gowenzhang()">
						<text>更多</text>
						<image src="../../static/index/index7.png" mode="" class="gengduopic"></image>

					</view>
				</view>
				<view class="wenzhan_list" @click="gowenzhan">
					<view class="wenzhang_box">
						<view class="" style="display: flex;align-items: center;">
							<image src="../../static/index/index11.png" mode=""></image>
							<view class="wenzhang_box_TXT">
								DEMON_北
							</view>
						</view>
						<view class="wenzhang_box_time">
							2020-05-28
						</view>
					</view>
					<view class="wenzhang_box_list_txt">
						所谓想象和现实，在最虚弱的时候给予慰籍，也在最强大的时候散发了戾气，想象是行走在荒漠里的滋润，想象在背弃感情时很自信，想象没有
					</view>
					<view class="wenzhang_flex">
						<view class="wenzhang_flex_box">
							<image class="wenzhang_PIC" src="../../static/index/xiaoxi.png" mode=""></image>
							<view>35</view>
						</view>
						<view class="wenzhang_flex_box">
							<image class="wenzhang_PIC" style="width: 30rpx;" src="../../static/index/liulang.png" mode=""></image>
							<view>32135</view>
						</view>
					</view>
				</view>
			</view>

			<view class="tuijian_box1">
				<view class="tuijian_box_top" style="margin-bottom: 30rpx;">
					<view class="tuijian_box_top_left">
						<image src="../../static/index/index24.png" mode="" style="width: 32rpx;height: 29rpx;margin-top: 4rpx;display: inline-block;"></image>
						<text>薪商家</text>
					</view>
					<view class="tuijian_box_top_right" @click="gocate()">
						<text>更多</text>
						<image src="../../static/index/index7.png" mode="" class="gengduopic"></image>

					</view>
				</view>
				<view class="tuijian_box1_list" v-for="(item,index) in shangjian" :key="index" @click="goproduct">
					<view class="tuijian_box1_list_pic">
						<image :src="item.pic" mode=""></image>
					</view>
					<view class="tuijian_box1_list_content">
						<view class="tuijian_box1_list_title diandiandian">
							{{item.title}}
						</view>
						<view class="tuijian_box1_list_xingxing">

							<view class="" style="display: flex;align-items: center;">
								<uni-rate size="14" disabled="true" :value="item.xingxing"></uni-rate><text>{{item.xingxing}}分</text>
							</view>
							<view class="">
								{{item.juli}}
							</view>
						</view>
						<view class="tuijian_box1_list_title diandiandian">
							{{item.title1}}
						</view>

					</view>
				</view>
			</view>
		</view>
		<div id="loading" v-if="loading">
			<span class="bounce bounce1"></span>
			<span class="bounce bounce2"></span>
			<span class="bounce bounce3"></span>
		</div>
		<div v-if="!hasMore" class="No_more">没有更多数据了</div>
	</view>
</template>
<script>
	import Require from '@/common/require.js';
	import uniRate from '@/components/uni-rate/uni-rate.vue'
	import request from '@/common/require.js'
	export default {
		components: {
			uniRate
		},
		data() {
			return {
				city: '',
				loading: false,
				hasMore: true,
				getlunbo: [],
				tuijian: [{
						title: '任务名称任务名称任务名称任务名称任务名称任务名称',
						pic: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3245766557,819905425&fm=26&gp=0.jpg',
						price: '6.8',
						renwu: '任务类型'
					},
					{
						title: '任务名称任务名称任务名称任务名称任务名称任务名称',
						pic: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3245766557,819905425&fm=26&gp=0.jpg',
						price: '6.8',
						renwu: '任务类型'
					},
					{
						title: '任务名称任务名称任务名称任务名称任务名称任务名称',
						pic: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3245766557,819905425&fm=26&gp=0.jpg',
						price: '6.8',
						renwu: '任务类型'
					}
				],
				shangjian: [{
						pic: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3245766557,819905425&fm=26&gp=0.jpg',
						title: '水乡人家土菜馆(三河古镇店)',
						xingxing: '4',
						title1: '美食',
						shangjian_list: [
							'外卖',
							'WIFI',
							'免费泊车',
							'薪聚客',
						],
						zhuangtai: '营业中',
						juli: '1KM'
					},
					{
						pic: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3245766557,819905425&fm=26&gp=0.jpg',
						title: '水乡人家土菜馆(三河古镇店)',
						xingxing: '3',
						title1: '美食',
						shangjian_list: [
							'外卖',
							'WIFI',
							'免费泊车',
							'薪聚客',
						],
						zhuangtai: '营业中',
						juli: '1KM'
					},
					{
						pic: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3245766557,819905425&fm=26&gp=0.jpg',
						title: '水乡人家土菜馆(三河古镇店)',
						xingxing: '4',
						title1: '美食',
						shangjian_list: [
							'外卖',
							'WIFI',
							'免费泊车',
							'薪聚客',
						],
						zhuangtai: '营业中',
						juli: '1KM'
					},
					{
						pic: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3245766557,819905425&fm=26&gp=0.jpg',
						title: '水乡人家土菜馆(三河古镇店)',
						xingxing: '4',
						title1: '美食',
						shangjian_list: [
							'外卖',
							'WIFI',
							'免费泊车',
							'薪聚客',
						],
						zhuangtai: '营业中',
						juli: '1KM'
					},
					{
						pic: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3245766557,819905425&fm=26&gp=0.jpg',
						title: '水乡人家土菜馆(三河古镇店)',
						xingxing: '4',
						title1: '美食',
						shangjian_list: [
							'外卖',
							'WIFI',
							'免费泊车',
							'薪聚客',
						],
						zhuangtai: '营业中',
						juli: '1KM'
					}
				],
				qiandao_state: '',
				userinfo: '',
				jingweidu: '', //用户经纬度
			}
		},
		onShow() {
			var self = this
			// 用户token
			self.token = uni.getStorageSync('loginInfo');
			self.get_banner()
			// 用户个人信息
			self.userinfo = uni.getStorageSync('userinfo');
			self.get_qiandan()
			self.handleNotice()
		},
		onLoad() {
			var self = this
			// self.index_icon()
		},
		// 下拉刷新
		onReachBottom: function() {
			var self = this;
			self.loading = true;
			self.hasMore = true
			uni.showToast({
				title: "上拉刷新"
			})
			setTimeout(function() {
				self.loading = false;
				self.hasMore = false
			}, 2000);
		},
		methods: {
			// 签到状态
			index_icon() {
				var self = this;
				Require.commonRequest({
					url: '/index.php/api/task/taskTypeList',
					success: function(ret) {
						if (ret.data.code == 200) {
							self.qiandao_state = ret.data.data
						} else {
							uni.showToast({
								icon: 'none',
								title: ret.data.msg,
							});
						}
					},
					fail: function() {
						uni.showToast({
							icon: "none",
							title: "网络异常，请稍后再试"
						})
					}
				})
			},
			// 去文章列表
			gowenzhang() {
				uni.navigateTo({
					url: "articlePage/articlePage"
				})
			},
			// 去文章详情
			gowenzhan() {
				uni.navigateTo({
					url: "articlePage/articleDetail"
				})
			},
			// 轮播图接口
			get_banner() {
				var self = this;
				Require.commonRequest({
					url: '/api/banner/all',
					success: function(ret) {
						if (ret.data.code == 200) {
							self.getlunbo = ret.data.data
						} else {
							uni.showToast({
								icon: 'none',
								title: ret.data.msg,
							});
						}
					},
					fail: function() {
						uni.showToast({
							icon: "none",
							title: "网络异常，请稍后再试"
						})
					}
				})
			},
			// 签到状态
			get_qiandan() {
				var self = this;
				Require.commonRequest({
					url: '/api/sign/state',
					success: function(ret) {
						if (ret.data.code == 200) {
							self.qiandao_state = ret.data.data
						} else {
							uni.showToast({
								icon: 'none',
								title: ret.data.msg,
							});
						}
					},
					fail: function() {
						uni.showToast({
							icon: "none",
							title: "网络异常，请稍后再试"
						})
					}
				})
			},
			goseach() {
				uni.navigateTo({
					url: "../seach/seach"
				})
			},
			// 跳转商品详情页
			goproduct() {
				uni.navigateTo({
					url: "../product_details/product_details"
				})
			},
			// 跳转签到页面
			gosign() {
				var self = this
				if (self.token != '') {
					uni.navigateTo({
						url: "Sign_in/Sign_in"
					})

				} else {
					uni.showToast({
						image: "/static/showToast/jingren.png",
						title: '请您登录！',
						duration: 2000
					})
				}

			},
			goask_list() {
				uni.navigateTo({
					url: "ask_list/ask_list"
				})
			},
			gotuijian() {
				uni.navigateTo({
					url: "./task_details/task_details"
				})
			},
			gocate() {
				uni.switchTab({
					url: "../category/category"
				})
			},
			godaTing() {
				uni.switchTab({
					url: "../daTing/daTing"
				})
			},
			qingbendui() {
				uni.removeStorageSync('diyici');
			},
			gosaoma() {
				uni.scanCode({
					success: function(res) {
						console.log('条码类型：' + res.scanType);
						console.log('条码内容：' + res.result);
					}
				});

			},
			gotodating() {
				uni.switchTab({
					url: '../daTing/daTing'
				})
			},

			qingqiu_gps() {
				const _this = this
				uni.getLocation({
					type: 'wgs84',
					success: function(res) {
						var point = new plus.maps.Point(res.longitude, res.latitude);
						plus.maps.Map.reverseGeocode(
							point, {},
							function(event) {
								var address = event.address; // 转换后的地理位置
								var point = event.coord; // 转换后的坐标信息
								_this.jingweidu = point
								var coordType = event.coordType; // 转换后的坐标系类型
								console.log(event, 'address');
								var reg = /.+?(省|市|自治区|自治州|县|区)/g;
								_this.addressList = address.match(reg).toString().split(",");
								_this.address = _this.addressList[1];
								_this.city = _this.addressList[1];

							},
							function(e) {}
						);
					}
				});
			},
			handleNotice(e) {
				const _this = this
				let system = uni.getSystemInfoSync(); // 获取系统信息
				if (system.platform === 'android') { // 判断平台
					var context = plus.android.importClass("android.content.Context");
					var locationManager = plus.android.importClass("android.location.LocationManager");
					var main = plus.android.runtimeMainActivity();
					var mainSvr = main.getSystemService(context.LOCATION_SERVICE);
					if (!mainSvr.isProviderEnabled(locationManager.GPS_PROVIDER)) {
						uni.showModal({
						    title: '提示',
						    content: '为了您更好的体验,请打开定位服务功能',
						    success: function (res) {
						        if (res.confirm) {
									console.log('113')
									if (!mainSvr.isProviderEnabled(locationManager.GPS_PROVIDER)) {
										var Intent = plus.android.importClass('android.content.Intent');
										var Settings = plus.android.importClass('android.provider.Settings');
										var intent = new Intent(Settings.ACTION_LOCATION_SOURCE_SETTINGS);
										main.startActivity(intent); // 打开系统设置GPS服务页面
									} else {
										this.qingqiu_gps()
									}
						        } else if (res.cancel) {
						            console.log('用户点击取消');
									_this.city='默认城市'
						        }
						    }
						});
					} else {
						this.qingqiu_gps()
					}
				} else {
					if (system.platform === 'ios') {
						var cllocationManger = plus.ios.importClass("CLLocationManager");
						var enable = cllocationManger.locationServicesEnabled();
						var status = cllocationManger.authorizationStatus();
						console.log("enable:" + enable);
						console.log("status:" + status);
						if (enable && status != 2) {
							_this.qingqiu_gps()
							// console.log("手机系统的定位已经打开");
						} else {
							//  定位没有开启时  提示用户是否开启  
							plus.nativeUI.confirm("定位权限没有开启，是否去开启？", function(e) {
								if (e.index == 1) {
									var UIApplication = plus.ios.importClass("UIApplication");
									var application2 = UIApplication.sharedApplication();
									var NSURL2 = plus.ios.importClass("NSURL");
									var setting2 = NSURL2.URLWithString("app-settings:"); // 打开应用权限  
									application2.openURL(setting2);
									plus.ios.deleteObject(setting2);
									plus.ios.deleteObject(NSURL2);
									plus.ios.deleteObject(application2);
								}else{
									_this.city='默认城市'
									//用户不开定位，设置一个默认的
								}
							}, {
								"buttons": ["不开启", "去设置"],
								"verticalAlign": "center"
							});
						}
						plus.ios.deleteObject(cllocationManger);
					}
				}

			},
		}
	}
</script>

<style lang="less">
	.index_top {
		width: 750rpx;
		margin-top: var(--status-bar-height);
		height: 710rpx;
		padding: 0 30rpx;
		box-sizing: border-box;
	}

	.index_top_hader {
		height: 710rpx;
		width: 100%;
	}

	.index_top_hader_seach image {
		width: 28rpx;
		height: 42rpx;
	}

	.index_top_hader_seach {
		display: flex;
		align-items: center;
		height: 60rpx;
	}

	.city_txt {
		text-align: center;
		font-size: 32rpx;
		margin-left: 15rpx;
		display: flex;
		white-space:nowrap;
		padding-right: 10rpx;
	}

	.seacg_input {
		width: 460rpx;
		height: 60rpx;
		background: rgba(229, 229, 229, 1);
		border-radius: 30rpx;
		color: #8E8E8E;
		display: flex;
		align-items: center;
		font-size: 26rpx;
		padding-left: 20rpx;
		margin-left: 10rpx;
	}

	.seacg_input image {
		width: 26rpx;
		height: 26rpx;
		margin-right: 9rpx;
	}

	.erweima image {
		width: 40rpx;
		height: 40rpx;
		margin-left: 30rpx;
		margin-top: 10rpx;
	}

	.erweima {}

	.swiper_box {
		margin-top: 20rpx;
		width: 680rpx;
		height: 300rpx;
		border-radius: 20rpx;
		margin: 0 auto;
		box-sizing: border-box;
	}

	.swiper_box image {
		margin-top: 20rpx;
		width: 680rpx;
		height: 300rpx;
		border-radius: 20rpx;
		box-sizing: border-box;
	}

	.icon_10 {
		width: 100%;
		margin: 40rpx auto 0 auto;
		height: 280rpx;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
	}

	.icon_10_list {
		width: 80rpx;
		display: flex;
		flex-wrap: wrap;
		height: 120rpx;
		text-align: center;
		justify-content: center;

	}

	.icon_10_list image {
		width: 80rpx;
		height: 80rpx;
	}

	.icon_10_list_txt {
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: rgba(51, 51, 51, 1);
	}

	.conten_box {
		width: 750rpx;
		box-sizing: border-box;
		height: 100%;
		background-color: #EDECF4;
		padding: 30rpx 30rpx 0 31rpx;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	.xianshi_pic {
		height: 188rpx;
		width: 727rpx;
		/* margin-bottom: 30rpx; */
		margin: 7rpx auto 25rpx auto;
	}

	.tuijian_box {
		width: 680rpx;
		height: 387rpx;
		background: rgba(255, 255, 255, 1);
		box-shadow: 0px 0px 18rpx 2px rgba(116, 34, 216, 0.14);
		border-radius: 16rpx;
		padding: 10rpx 30rpx 0 30rpx;
		box-sizing: border-box;
		margin: 0 auto 30rpx auto;
	}

	.tuijian_box2 {
		width: 680rpx;
		background: rgba(255, 255, 255, 1);
		box-shadow: 0px 0px 18rpx 2px rgba(116, 34, 216, 0.14);
		border-radius: 16rpx;
		padding: 0 30rpx;
		box-sizing: border-box;
		margin: 0 auto 30rpx auto;
		padding-top: 5rpx;
	}

	.tuijian_box1 {
		width: 680rpx;
		background: rgba(255, 255, 255, 1);
		box-shadow: 0px 0px 18rpx 2px rgba(116, 34, 216, 0.14);
		border-radius: 16rpx 16rpx 0 0;
		padding: 0 30rpx 30rpx 30rpx;
		box-sizing: border-box;
		margin: 0 auto;

	}

	.tuijian_box_top {
		height: 56rpx;
		width: 100%;
		border-bottom: 1rpx solid #E5E5E5;
		display: flex;
		align-items: center;
		justify-content: space-between;
		align-items: center;

	}

	.tuijian_box_top_left {
		display: flex;
		align-items: center;
	}

	.tuijian_box_top_left text {
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: rgba(51, 51, 51, 1);
		margin-left: 13rpx;
	}

	.tuijian_box_top_right {
		display: flex;
		align-items: center;
	}

	.tuijian_box_top_right text {
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: rgba(114, 43, 203, 1);
		margin-right: 5rpx;
	}

	.tuijian_box_top_left {
		display: flex;
	}

	.tuijian_box_bottom {
		width: 100%;
		height: 270rpx;
		display: flex;
		justify-content: space-between;
		margin-top: 30rpx;
	}

	.tuijian_box_bottom_list {
		width: 190rpx;
		height: 280rpx;
		background: linear-gradient(45deg, rgba(212, 32, 238, 1) 0%, rgba(115, 34, 216, 1) 100%);
		box-shadow: 0rpx 0rpx 15rpx 1rpx rgba(114, 43, 203, 0.3);
		border-radius: 10rpx;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		align-items: center;
		padding-top: 14rpx;
		padding-left: 15rpx;
		padding-right: 15rpx;
		box-sizing: border-box;

	}

	.tuijian_box_bottom_list image {
		width: 80rpx;
		height: 80rpx;
		border-radius: 50%;
	}

	.tuijian_box_bottom_txt {
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: rgba(240, 240, 240, 1);
		width: 100%;
		height: 60rpx;
		line-height: 30rpx;
		margin-top: 15rpx;
	}

	.renwu_Style {
		font-size: 20rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: rgba(240, 240, 240, 1);
		background: rgba(10, 10, 10, 1);
		opacity: 0.3;
		border-radius: 4rpx;
		margin-top: 15rpx;
		padding: 8rpx;
	}

	.list_Price {
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: rgba(240, 240, 240, 1);
		margin-top: 10rpx;
	}

	.tuijian_box1_list {
		width: 100%;
		height: 170rpx;
		background: rgba(239, 239, 239, 1);
		border-radius: 12rpx;
		margin-bottom: 20rpx;
		box-sizing: border-box;
		padding-top: 20rpx;
		padding-left: 20rpx;
		padding-right: 20rpx;
		box-sizing: border-box;
		display: flex;
	}

	.tuijian_box1_list_pic {
		width: 125rpx;
		height: 125rpx;
	}

	.tuijian_box1_list_pic image {
		width: 125rpx;
		height: 125rpx;
	}

	.tuijian_box1_list_content {
		height: 100%;
		width: 100%;
		margin-left: 17rpx;
		box-sizing: border-box;
	}

	.tuijian_box1_list_title {
		width: 450rpx;
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: rgba(51, 51, 51, 1);
	}

	.uni-icons {
		color: #000000;
	}

	.tuijian_box1_list_xingxing {
		display: flex;
		align-items: center;
		font-size: 24rpx;
		display: flex;
		justify-content: space-between;
	}

	.wenzhang_box {
		width: 100%;
		height: 64rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;

		image {
			width: 64rpx;
			height: 64rpx;
			border-radius: 50%;
		}

		.wenzhang_box_TXT {
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: rgba(46, 46, 46, 1);
			margin-left: 22rpx;
		}

		.wenzhang_box_time {
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 400;
			color: rgba(202, 202, 202, 1);
		}
	}

	.wenzhang_box_list_txt {
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: rgba(68, 68, 68, 1);
		margin-top: 19rpx;
		margin-bottom: 30rpx;
	}

	.wenzhang_PIC {
		width: 26rpx;
		height: 26rpx;
		margin-right: 12rpx;
	}

	.wenzhang_flex {
		display: flex;

		.wenzhang_flex_box {
			display: flex;
			align-items: center;
			font-size: 24rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: rgba(204, 204, 204, 1);
			margin-right: 20rpx;
		}
	}

	.wenzhan_list {
		box-shadow: 0px 0px 15rpx 1rpx rgba(114, 43, 203, 0.1);
		border-radius: 10rpx;
		padding: 20rpx;
		box-sizing: border-box;
		margin-top: 30rpx;
	}

	.gengduopic {
		width: 17rpx;
		height: 20rpx;
	}
</style>
